// map.js
import QQMapWX from '../../../libs/qqmap-wx-jssdk1.2/qqmap-wx-jssdk'
// 实例化API核心类
var qqmapsdk = new QQMapWX({
  key: 'YAUBZ-PMLWN-QARFT-SSNG3-BSL6H-PWFZR' // 必填
})
Page({
  data: {
    latitude: 28.23529,
    longitude: 112.93134,
    // 地图标记点数组
    markers: [
      {
        id: 1,
        latitude: 28.23529,
        longitude: 112.93134,
        width: 24,
        height: 30,
      },
      {
        id: 2,
        latitude: 27.727793,
        longitude: 111.303306,
        iconPath: '/static/images/marker.png',
        width: 40,
        height: 40,
      },
    ],
    // 地图路线数组
    polyline: [],
    repairDetail: [], // 渲染列表
    id: ''
  },
  onLoad({ id }) {
    // 获取报修详情的数据
    this.getRepairDetail(id)
    this.setData({ id })
    // 获取位置信息
    this.getPolyline()
  },
  async getRepairDetail(id) {
    if (!id) return wx.utils.toast('参数有误!')
    // 调用接口
    const { code, data: repairDetail } = await wx.http.get('/repair/' + id)
    // 检测接口是否调用成功
    if (code !== 10000) return wx.utils.toast()
    // 渲染数据
    this.setData({ repairDetail })
  },
  // 调用位置服务（路线规划）
  getPolyline() {
    qqmapsdk.direction({
      mode: 'bicycling',
      from: '28.23529,112.93134', // 起点
      to: '27.727793,111.303306', // 终点
      success: ({ result }) => {
        // 起点位置，后面用于设置中心点
        const coors = result.routes[0].polyline
        // 路线数组
        const points = []
        //坐标解压（返回的点串坐标，通过前向差分进行压缩）
        for (let i = 2; i < coors.length; i++) {
          coors[i] = Number(coors[i - 2]) + Number(coors[i]) / 1000000
        }
        // 获取经纬度
        for (let i = 0; i < coors.length; i += 2) {
          points.push({ latitude: coors[i], longitude: coors[i + 1] })
        }
        // 渲染数据
        this.setData({
          latitude: points[30].latitude,
          longitude: points[30].longitude,
          polyline: [
            { points, color: '#5591af', width: 4 },
          ],
        })
      }
    })
  },
  // 取消报修
  async cancelRepair(e) {
    const { code } = await wx.http.put('/cancel/repaire/' + e.mark.id)
    // 检测接口是否调用成功
    if (code !== 10000) return wx.utils.toast()
    // 跳转到报修列表页面
    wx.navigateTo({
      url: '/repair_pkg/pages/list/index',
    })
  }

})